<div class="wrapper wrapper-content" ng-controller="EnergyPlanFileController">
	<div class="row">
		<div class="col-lg-12">
			<div class="tabs-container">

				<uib-tabset>
                    <uib-tab heading="{{'SETTING.ENERGY_PLAN_FILE' | translate}}">
						<div class="panel-body" ng-controller="EnergyPlanFileController">
							<div id="dropzone1" class="dropzone" options="dzOptions" callbacks="dzCallbacks" ng-dropzone></div>
							<table class="footable table table-bordered table-hover" data-sort="true" data-page-size="15">
								<thead>
									<tr>
										<th class="text-center" data-type="numeric">{{'SETTING.ID' | translate}}</th>
										<th class="text-center">{{'SETTING.NAME' | translate}}</th>
										<th class="text-center">{{'SETTING.STATUS' | translate}}</th>
										<th class="text-center">{{'SETTING.UPLOAD_TIME' | translate}}</th>
										<th class="text-center">{{'SETTING.ACTION' | translate}}</th>
									</tr>
								</thead>
								<tbody>
									<tr ng-repeat="energyplanfile in energyplanfiles">
										<td class="text-center">{{ energyplanfile.id }}</td>
										<td class="text-center"><a ng-href="./upload/{{energyplanfile.uuid}}"
												download="{{energyplanfile.file_name}}">{{ energyplanfile.file_name }}</a>
										</td>
										<td class="text-center">{{ energyplanfile.status }}</td>
										<td class="text-center">
											{{ energyplanfile.upload_datetime }}</td>

										<td class="text-center">
											<a ng-click="restoreEnergyPlanFile(energyplanfile)"
												class="btn btn-danger btn-rounded btn-xs">{{'SETTING.RESTORE' | translate}}</a>
											<a ng-click="deleteEnergyPlanFile(energyplanfile)"
												class="btn btn-danger btn-rounded btn-xs">{{'SETTING.DELETE' | translate}}</a>
										</td>
									</tr>
								</tbody>
								<tfoot class="hide-if-no-paging">
									<tr>
										<td colspan="6">
											<ul class="pagination pull-right"></ul>
										</td>
									</tr>
								</tfoot>
							</table>
						</div>
					</uib-tab>
                </uib-tabset>
			</div>
		</div>
	</div>
</div>